import React, {Component} from 'react';
import {NavLink} from 'react-router-dom';
import {Avatar} from 'antd';

class IndexAssociation extends Component {
    render() {
        return (
            <div className="text-center welding-association">
                <h2 className="mrt40">关于协会</h2>
                <div className="welding-set-gutter-line">
                    <hr/>
                    <span/>
                    <hr/>
                </div>
                <h3>ABOUT THE ASSOCIATION</h3>
                <p className="mrt30">
                    上海市焊接协会成立于1986年，广泛汇聚焊接技术领域的精英人才，依托上海高等院校、科研院所和相关大中型企业，覆盖科研、设备制造、材料生产、新工艺试验发展等，常设部门有：秘书处、教育培训、技术咨询、交流推广、行业管理、人才交流、组织建设等委员会。经过31年的历程，协会在市政府有关领导的关心支持和全体协会成员的共同努力下，不断发展、壮大、与……</p>
                <div>
                    <dl>
                        <dt><NavLink to="/about_association"><Avatar size={120} icon="code-sandbox"/></NavLink></dt>
                        <dd>协会概况</dd>
                    </dl>
                    <dl>
                        <dt><NavLink to="/about_association"><Avatar size={120} icon="star"/></NavLink></dt>
                        <dd>协会资质</dd>
                    </dl>
                    <dl>
                        <dt><NavLink to="/about_association"><Avatar size={120} icon="team"/></NavLink></dt>
                        <dd>理事会</dd>
                    </dl>
                    <dl>
                        <dt><NavLink to="/about_association"><Avatar size={120} icon="trophy"/></NavLink></dt>
                        <dd>协会荣誉</dd>
                    </dl>
                    <dl>
                        <dt><NavLink to="/about_association"><Avatar size={120} icon="schedule"/></NavLink></dt>
                        <dd>大事记</dd>
                    </dl>
                </div>
            </div>
        );
    }
}

export default IndexAssociation;
